<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>
        <%- title %>
    </title>
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <div class="parent_div">
        <div class="login_div">

            <div class="login_title">
                <Icon type="chatbubbles" class="mr10"></Icon>欢迎登录GXC
            </div>

            <i-Input type="text" v-model="username" style="width:280px;margin:20px 10px" placeholder="Username">
                <Icon type="ios-person-outline" slot="prepend"></Icon>
            </i-Input>

            <i-Input type="text" v-model="password" style="width:280px;margin:20px 10px" placeholder="Password">
                <Icon type="ios-locked-outline" slot="prepend"></Icon>
            </i-Input>



            <i-Button type="primary" :loading="loading" @click="toLoading" class="w90">
                <span v-if="!loading">Login</span>
                <span v-else>Loading...</span>
            </i-Button>


            <Row>
                <i-Col span="2">
                    <pre> </pre>
                </i-Col>
                <i-Col span="10" class="tl textp">
                    <a href="">注册</a>
                </i-Col>
                <i-Col span="10" class="tr textp">
                    <a href="">找回密码</a>
                </i-Col>
                <i-Col span="2">
                    <pre> </pre>
                </i-Col>
            </Row>


        </div>
    </div>
    <script src="login.js"></script>
</body>

</html>